<template>
  <div class="message-window">
    <div class="item-title">
      <div>信息</div>
    </div>
    <van-collapse v-model="activeNames">
      <van-collapse-item title="提供者" name="1" value="123">
        代码是写出来给人看的，附带能在机器上运行。
      </van-collapse-item>
      <van-collapse-item title="大小" name="2" value="123">
        技术无非就是那些开发它的人的共同灵魂。
      </van-collapse-item>
      <van-cell title="兼容性" value="策略" />
    </van-collapse>
  </div>
</template>

<script setup>
import { ref } from 'vue'
const activeNames = ref(['1'])
</script>

<style lang="scss" scoped>
.message-window {
  padding-top: 4px;
  padding-bottom: 20px;
}
.item-title {
  font-weight: bold;
  font-size: 20px;
  margin: 10px 0 8px 0;
  .item-title-tip {
    color: var(--van-button-primary-background);
    font-size: 11px;
    margin: 2px;
  }
}
</style>
<style>
.van-cell {
  padding: 10px 0px !important;
}
</style>
